import React from 'react';

import './Header.css';

const Header = () => (
  <div className="header">
    <div className="head">
      <a className="head-logo" href="https://www.douyu.com/">-</a>
      <ul className="head-nav-box">
        <li><a href="https://www.douyu.com/">首页</a></li>
        <li><a href="https://www.douyu.com/directory/all">直播</a></li>
        <li><a href="https://www.douyu.com/directory">分类</a></li>
        <li><a href="http://wan.douyu.com/">游戏</a><span className="head-hot" /></li>
        <li><a href="https://gou.douyu.com/">商城</a><span className="head-new" /></li>
        <li><a href="http://yuba.douyu.com/">鱼吧</a></li>
      </ul>
      <div className="head-mes">
        <div className="head-download-box">
          <a className="head-download" href="https://www.douyu.com/client?platform=0">
            <span className="download-icon" /><span>下载</span>
          </a>
        </div>
        <div className="head-video-box">
          <a className="head-video" href="https://v.douyu.com/v/s">
            <span className="video-icon" />
            <span>短视频</span>
          </a>
        </div>
        <div className="user-info-box js-info-box">
          <span className="tab-login js-tab-btns" data-tye="login">登录</span>
          <span className="tab-login js-tab-btns">|</span>
          <span className="tab-reg js-tab-btns" data-type="reg">注册</span>
        </div>
      </div>
    </div>
  </div>
);

export default Header;
